<template>
    <div class="home4"> 
    <div class="yinsitop"><img src="@/assets/shape_u112.png">隐私设置</div>
    <ul>
       
        <li>不让别人看过我读过的书 <div class=""><img src="@/assets/u5486.png"></div></li>
        <li>不让别人看我的动态 <div class=""><img src="@/assets/u5486.png"></div></li>
        <li>不让别人看过我的书单 <div class=""><img src="@/assets/u5486.png"></div></li>
    </ul>
    </div>
</template>
<script>

export default {
   data() {
      return {
            
      }
   },
   created(){
   },
   computed:{
   },
   methods:{
   },
}
</script>
<style lang="less" scoped>
.yinsitop{
    width: 100%;
    height:6rem;
    font-size: 2rem;
    font-weight: bold;
    padding-top:1rem ;
    border-bottom:1rem solid rgb(236, 235, 235) ;
    img{
        margin-left:1rem ;
        margin-right: 13rem;
    } 
}
ul{
    width: 100%;
    height: 14rem;

   
    li{width:100%;
        height: 4rem;
        font-size: 1.4rem; 
      padding-left:1rem ;
      padding-top:1rem ;
        border-bottom: 0.1rem solid rgb(176, 176, 178);
        position:relative;
        div{
            width: 4rem;
            height: 2rem;
            background-color:  rgb(40, 208, 148);
            position:absolute;
            top:1rem;
            left: 30rem;
            border-radius: 1rem;
            img{
                padding-left:1.7rem ;
            }
        }
    }
}
</style>